<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  	<title><ui:insert name="title">BEK</ui:insert></title>
  	
  	<h:outputScript library="js" name="util.js" target="head"/>
  	<h:outputScript library="js" name="mascara.js" target="head"/>
  	<script type="text/javascript">
			PrimeFaces.locales['pt_BR'] = {
	    		closeText : 'Fechar',
	    		prevText : 'Anterior',
	    		nextText : 'Próximo',
	    		currentText : 'Hoje',
	    		monthNames : [ 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho','Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro' ],
	    		monthNamesShort : [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago','Set', 'Out', 'Nov', 'Dez' ],
	    		dayNames : [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta','Sábado' ],
	    		dayNamesShort : [ 'Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb' ],
	    		dayNamesMin : [ 'D', 'S', 'T', 'Q', 'Q', 'S', 'S' ],
	    		weekHeader : 'Semana',
	    		firstDay : 1,
	    		isRTL : false,
	    		showMonthAfterYear : false,
	    		yearSuffix : '',
	    		timeOnlyTitle : 'Só Horas',
	    		timeText : 'Tempo',
	    		hourText : 'Hora',
	    		minuteText : 'Minuto',
	    		secondText : 'Segundo',
	    		ampm : false,
	    		month : 'Mês',
	    		week : 'Semana',
	    		day : 'Dia',
	    		allDayText : 'Todo Dia'
			};
	</script>
  	
  	<h:outputStylesheet library="bootstrap" name="css/bootstrap.min.css" />
  	
  	<!-- <h:outputStylesheet library="css" name="estilo.css"/> -->
  	<style type="text/css">
  		
  		.ui-layout-north {
        	z-index:20 !important;
            overflow:visible !important;;
        }

        .ui-layout-north .ui-layout-unit-content {
        	overflow:visible !important;
        }
  	</style>
	
</h:head>

<h:body>



	<p:layout fullPage="true"> 
	
		<p:layoutUnit  id="top"  position="north" size="60" resizable="false" closable="false" collapsible="false">
				
				<div id="barra_menu">
						<ui:insert name="barra_menu">
							<ui:include src="/WEB-INF/comuns/menu_sistema.xhtml"></ui:include>
						</ui:insert>
				</div>
			
		</p:layoutUnit> 
	
		 <p:layoutUnit id="left" position="west" size="300" resizable="true" closable="true" collapsible="true" header="Options" minSize="200">
	                    <p:accordionPanel>
	                        <p:tab title="Menu 1">
	                            <br />
	                            <p:calendar mode="inline" navigator="none"/>
	                            <br />
	                        </p:tab>
	
	                        <p:tab title="Menu 2">
	                            <h:outputText value="Menu 2 Content" />
	                        </p:tab>
	
	                        <p:tab title="Menu 3">
	                            <h:outputText value="Menu 3 Content" />
	                        </p:tab>
	                    </p:accordionPanel>
	    </p:layoutUnit>
	
	 	<p:layoutUnit id="right" position="east" size="250" header="Gallery" resizable="true" closable="true" collapsible="true" style="text-align:center">
	
	                    
		</p:layoutUnit>
		
		<p:layoutUnit position="center"> 
			<ui:insert name="conteudo">
				
	 		</ui:insert>
		</p:layoutUnit> 
			
		<p:layoutUnit position="south"> 
			<ui:insert name="rodape">
				<ui:include src="/WEB-INF/comuns/rodape.xhtml"/>  
	 		</ui:insert>
		</p:layoutUnit> 
		
		<h:outputStylesheet library="js" name="jquery.js" />
		<h:outputStylesheet library="bootstrap" name="js/bootstrap.min.js" />
		                                              
	</p:layout> 
</h:body>

</html>